<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./vue.js"></script>
</head>

<body>
    <div id="app">
        <input type="number" v-model="isTrue">
        <h2 v-if="isTrue==1">明天谁能</h2>
        <h2 v-else-if="isTrue==0">看看</h2>
        <h2 v-else>帮抢票</h2>
    </div>
    <!-- v-if 主要用来控制节点的 创建与销毁
            是 真正的条件渲染，会根据条件真假 创建与销毁节点，并且也是惰性，初始条件为假时，直接不创建节点
    -->
  
</body>
<script>
    let vm = new Vue({
        el: "#app",
        data: {
            //变量
            isTrue: false
        },
        methods: {
            //方法
        }
    })
</script>

</html>